<head>
  <!-- Vssue 的样式文件 -->
  <link rel="stylesheet" href="https://unpkg.com/vssue/dist/vssue.min.css">
  <!-- 先引入 Vue -->
  <!-- Vue 运行时版 (runtime only)  -->
  <script src="https://unpkg.com/vue@2.6.14/dist/vue.js"></script>
</head>

<body>
  <div id="vssue"></div>
  <!-- 在 Vue 之后引入 Vssue -->
  <!-- 或： Vssue Gitee 版  -->
  <script src="https://unpkg.com/vssue/dist/vssue.gitee.min.js"></script>
  
  <!-- 将 Vssue 作为 Vue 组件使用 -->

  <!-- 或：对于 Vue 完整版，可以使用模板（template） -->
  <script>
    new Vue({
      el: '#vssue',

      data: {
        title: 'Vssue Dev',

        options: {
          owner: 'nfpress',
          repo: 'nf-press-edit',
          clientId: 'c027c834440df0735a0d9e62cf9be2b6f99b9eef6ad458e88c1d654fc9b2bfa1',
          clientSecret: '18467090008dbd4bdb08837eb21c43427cc17389973320762bde095c3f74be46', // 只有在使用某些平台时需要
        },
      },

      template: `<vssue :title="title" :options="options"></vssue>`,
    })
  </script>
</body>